<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/login_validation.js"></script>
<link rel="stylesheet" type="text/css" href="../css/global.css">
<link rel="stylesheet" type="text/css" href="../css/login.css">
<title>Login</title>
</head>
<body>
	<form id="fmLogin" action="UserLogin" method="post">
		<h1>Log In</h1>
		<fieldset id="inputs">
		    <div><label id="errorUsername" class="invisible" for="username" ></label></div>
			<input id="username" name="per.username" type="text"
				placeholder="Username" autofocus required> 
			<div><label id="errorPassword" class="invisible" for="password"></label></div>
			<input id="password" name="per.password" type="password"
				placeholder="Password" required>
		</fieldset>
		<fieldset id="actions">
			<input type="button" id="btLogin" value="Log in"> <a href="">Forgot
				your password?</a><a href="">Register</a>
		</fieldset>
	</form>
</body>
</html>
